﻿<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8" />
		<title>新闻动态-上海耀微科技</title>
		<meta name="keywords" content="" />
		<meta name="description" content="" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<link rel="shortcut icon" type="image/png" href="favicon.png">
		<!---<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i" rel="stylesheet">--->
		<link rel="stylesheet" href="css/bootstrap.css" type="text/css" />
		<link rel="stylesheet" href="css/font-awesome.css" type="text/css" />
		<link rel="stylesheet" href="css/style.css" type="text/css" />
		<!--[if IE]>
		<script src="js/html5.js"></script>
		<![endif]-->
	</head>
	<body>
		<div id="page-preloader"><span class="spinner"></span></div>
		<header th:replace="www/header :: myheader"  ></header>
		<!-- header -->
		<div class="breadcrumbs-wrapper">
			<ul class="breadcrumbs">
				<li><a href="index.html" class="home"><i class="fa fa-home" aria-hidden="true"></i></a></li>
				<li><a>新闻动态</a></li>
			</ul>
		</div>
		<!-- breadcrumbs-wrapper -->
		<section class="content-wrapper">
			<div class="container">
				<div class="title">
					<h1>新闻动态</h1>
				</div>
				<div class="row">
					<aside class="sidebar col-md-4">
						<h4>Category menu</h4>
						<ul class="category-menu">
							<li><a href="blog.html">News</a></li>
							<li><a href="blog.html">Tehnology</a></li>
							<li><a href="blog.html">Corporate</a></li>
							<li><a href="blog.html">World</a></li>
							<li><a href="blog.html">Gaming</a></li>
							<li><a href="blog.html">Software</a></li>
							<li><a href="blog.html">Article</a></li>
						</ul>
						<!-- category-menu -->
						<div class="blog-sidebar">
							<h4>Recent Posts</h4>
							<article class="blog-post-sidebar">
								<div class="img">
									<img src="img/img20.jpg" alt="">
								</div>
								<a href="blog_inner.html">
									<h5>Praesent malesuada vehicula ipsum, pharetra blandit</h5>
								</a>
								<a href="blog_inner.html" class="read-more">Read more</a>
							</article>
							<article class="blog-post-sidebar">
								<div class="img">
									<img src="img/img21.jpg" alt="">
								</div>
								<a href="blog_inner.html">
									<h5>Cras bibendum nisl</h5>
								</a>
								<p>Mauris consequat porttitor lorem vitae semper.</p>
								<a href="blog_inner.html" class="read-more">Read more</a>
							</article>
							<article class="blog-post-sidebar">
								<div class="img">
									<img src="img/img22.jpg" alt="">
								</div>
								<a href="blog_inner.html">
									<h5>Nunc et orci</h5>
								</a>
								<p>Mauris consequat porttitor lorem vitae semper.</p>
								<a href="blog_inner.html" class="read-more">Read more</a>
							</article>
						</div>
						<!-- blog-sidebar -->
						<div class="tags">
							<h4>Tags</h4>
							<a href="#" class="active">3D</a>
							<a href="#">Bussiness</a>
							<a href="#">News</a>
							<a href="#">Gaming</a>
							<a href="#">World</a>
							<a href="#">Article</a>
							<a href="#">Tehnology</a>
							<a href="#">Corporate</a>
							<a href="#">Bussiness</a>
							<a href="#">News</a>
							<a href="#">Gaming</a>
							<a href="#">World</a>
							<a href="#">Article</a>
							<a href="#">Tehnology</a>
							<a href="#">Corporate</a>
						</div>
						<!-- Tags -->
					</aside>
					<!-- aside -->
					<div class="content col-md-8">
						<article class="blog-item">
							<div class="img">
								<img src="img/img16.jpg" alt="">
							</div>
							<div class="blog-text">
								<a href="blog_inner.html">
									<h5>Praesent malesuada vehicula ipsum, pharetra blandit velit porta bibendum.</h5>
								</a>
								<p>Mauris consequat porttitor lorem vitae semper. Pellentesque non malesuada orci, auctor venenatis urna. Nam gravida nunc vitae sem posuere, et condimentum lacus finibus. Vestibulum eu turpis nec odio mattis gravida. Nulla placerat, libero id faucibus scelerisque, nisi mi hendrerit tortor</p>
								<div class="bottom-blog clear">
									<div class="date">Date publication: 14.11.2016</div>
									<a href="blog_inner.html" class="read-more">Read more</a>
									<a href="blog_inner.html" class="comment"><i class="fa fa-comment-o" aria-hidden="true"></i> 2 comments</a>
								</div>
							</div>
						</article>
						<article class="blog-item">
							<div class="img">
								<img src="img/img17.jpg" alt="">
							</div>
							<div class="blog-text">
								<a href="blog_inner.html">
									<h5>Cras bibendum nisl dui, eget consequat elit efficitur id. Vivamus varius convallis justo</h5>
								</a>
								<p>Mauris consequat porttitor lorem vitae semper. Pellentesque non malesuada orci, auctor venenatis urna. Nam gravida nunc vitae sem posuere, et condimentum lacus finibus. Vestibulum eu turpis nec odio mattis gravida. Nulla placerat, libero id faucibus scelerisque, nisi mi hendrerit tortor</p>
								<div class="bottom-blog clear">
									<div class="date">Date publication: 14.11.2016</div>
									<a href="blog_inner.html" class="read-more">Read more</a>
									<a href="blog_inner.html" class="comment"><i class="fa fa-comment-o" aria-hidden="true"></i> 2 comments</a>
								</div>
							</div>
						</article>
						<article class="blog-item">
							<div class="img">
								<img src="img/img18.jpg" alt="">
							</div>
							<div class="blog-text">
								<a href="blog_inner.html">
									<h5>Nunc et orci pharetra, dignissim mauris vel, fermentum leo</h5>
								</a>
								<p>Mauris consequat porttitor lorem vitae semper. Pellentesque non malesuada orci, auctor venenatis urna. Nam gravida nunc vitae sem posuere, et condimentum lacus finibus. Vestibulum eu turpis nec odio mattis gravida. Nulla placerat, libero id faucibus scelerisque, nisi mi hendrerit tortor</p>
								<div class="bottom-blog clear">
									<div class="date">Date publication: 14.11.2016</div>
									<a href="blog_inner.html" class="read-more">Read more</a>
									<a href="blog_inner.html" class="comment"><i class="fa fa-comment-o" aria-hidden="true"></i> 2 comments</a>
								</div>
							</div>
						</article>
						<ul class="pager">
							<li><a href="#" class="active">1</a></li>
							<li><a href="#">2</a></li>
							<li><a href="#">3</a></li>
							<li><a href="#">4</a></li>
							<li><a href="#">5</a></li>
						</ul>
					</div>
				</div>
			</div>
		</section>
		<!-- content-wrapper -->
		<footer th:replace="www/footer :: myfooter"  ></footer>
		<!-- footer -->
		<!-- scripts -->	
		<script src="js/lib/jquery.js"></script>
		<script src="js/lib/bootstrap.min.js"></script>
		<script src="js/lib/lightbox.min.js"></script>
		<script src="js/lib/shuffle.js"></script>	
		<script src="js/lib/swiper.min.js"></script>
		<script src="js/lib/waypoints.min.js"></script>		
		<script src="js/script.js"></script>
	</body>
</html>
